<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>团队成员</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery.min.js.下载"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js.下载"></script>
</head>
<body>
	<!--头部-->
		<div class="top_container">
			<div class="top_left">
				<a href="Homepage.jsp" ><img
					src="img/logo.png" width="134" height="100"></a>
			</div>
			<div class="top_middle">
				<h2>基能源与环境材料团队</h2>
				<h4>MOFs-based energy and environmental materials team</h4>
			</div>
			<div class="top_right">
				<p><a href="personal.jsp">中文</a>| <a href="personal_en.html">English</a></p>
				<p>Tel:020-87113656</p>
				<a href="mailto:111111111@qq.com">E-mail:111111111@qq.com</a>
			</div>
			<div class="cl"></div>
		</div>
	<!--头部结束-->
	
	<!-- 导航栏 -->
		<div class="nav">
			<ul>
				<li><a href="/Homepage">首页</a></li>
				<li><a href="/Research">研究方向</a></li>
				<li class="selected"><a href="/Members">团队成员</a></li>
				<li><a href="/Publications">研究成果</a></li>
				<li><a href="/Facilities">仪器设备</a></li>
				<li><a href="/Cooperation">合作研究</a></li>
				<li><a href="/Academic">学术活动</a></li>
				<li><a href="/Recruitment">招聘启事</a></li>
				<div class="cl"></div>
			</ul>
		</div>
	<!-- 导航栏结束 -->
	
	<!-- banner -->
	<div class = "banner_container">
		<img src = "img/banner.jpg">
	</div>
	<!-- banner结束 -->
	
	<!-- 正文 -->
	<div class = "mainbody_container">
		<!-- 菜单 -->
		<div class="menu_container">
			<div class="menu_top">团队成员</div>
			<div class="menu_bottom">
				<ul>
					<c:forEach items="${subMenuList}" var="item">
						<li class=""><a href="Members?id=${item.id}">${item.title}</a></li>
					</c:forEach>
				</ul>
			</div>
		</div>
		<!-- 菜单结束 -->
		
		<!-- 团队成员 -->
		<div class = "mainbody_right">
			<!-- 标题 -->
			<div class="title">
					<span class="title_left">${subMenu.title}</span>
					<span class="title_right">
					当前位置：<a href="/Homepage">首页</a> &gt;
					<a href="/Members">团队成员</a>
						&gt; <a>${subMenu.title}</a>
					</span>
			</div>
			<!-- 标题结束 -->
			
			<!-- 主体内容 -->
			<div class = "personal">
				<div class = "personal_top">
					<div class = "personal_top_left">
						<h1>${member.name}</h1>
						<br />
						<h4>${member.positionalTitle}</h4>
						<h4>${member.education}</h4>
						<%--<h4>化学与化工学院副院长</h4>--%>
						<h4>邮箱：${member.email}</h4>
						<h4>电话：${member.phone}</h4>
						<br />
						
					</div>
					<div class = "personal_top_right">
						<img src = "${member.image}">
					</div>
				</div>
				<div class = "personal_bottom">
					<h3>学习及工作经历</h3>
						<br />
						<p>
							${experience}
						</p>
						<br/>
					<h3>荣誉称号</h3>
					<br/>
					<p>
						${honoraryTitle}
					</p>
					<br/>
				</div>
			</div>

			<!-- 分页结束 -->
			
			<!-- 主体内容结束 -->
		</div>
		<!-- 团队成员结束 -->
	</div>
	<!-- 正文结束 -->
	
	<!-- 底部 -->
	<div class = "bottom_container">
		<p>地址：广州市天河区五山路381号华南理工大学15号楼421室</p>
		<p>电话：020-87113656</p>
		<p>MOF 基能源与环境材料团队</p>
	</div>
	<!-- 底部结束 -->
</body>
</html>